import { createElement } from 'rax';
import View from 'rax-view';
import Text from 'rax-text';
import { store } from '@/store';
import './index.css';

import Logo from '../../components/Logo';

export default function Home() {
  // 使用 user 模型
  const [userState, userDispatchers] = store.useModel('user');
  return (
    <View className="rax-demo-home">
      <Logo uri="//gw.alicdn.com/tfs/TB1MRC_cvb2gK0jSZK9XXaEgFXa-1701-1535.png" />
      <Text className="rax-demo-title">Welcome to Your Rax App</Text>
      <Text className="rax-demo-info">More information about Rax</Text>
      <Text className="rax-demo-info">Visit https://rax.js.org</Text>
    </View>
  );
}
